<!DOCTYPE html>
<meta charset="UTF-8">
<div style="margin: 10px 0;">
	<span>基本用法</span>
</div>
<input data-type="timespinner" style="width: 80px;" data-define="border:true">
<div class="demo-info">
	<div>事件.</div>
</div>
<div style="margin: 10px 0;">
	<a href="#" data-type="linkbutton" onclick="getValue()">GetValue</a>
	<a href="#" data-type="linkbutton" onclick="setValue()">SetValue</a>
	<a href="#" data-type="linkbutton" onclick="disable()">Disable</a>
	<a href="#" data-type="linkbutton" onclick="enable()">Enable</a>
</div>
<input id="dt" data-type="timespinner" style="width: 80px;" data-define="border:true">
<div style="margin: 10px 0;">
	<span>范围控制</span>
</div>
<input data-type="timespinner" data-define="min:'06:30',max:'18:00',border:true" style="width: 80px;"></input>
<script>
	function getValue() {
	    var val = $('#dt').timespinner('getValue');
	    alert(val);
    }
    function setValue() {
	    $('#dt').timespinner('setValue', '09:45');
    }
    function disable() {
	    $('#dt').timespinner('disable');
    }
    function enable() {
	    $('#dt').timespinner('enable');
    }
</script>
